<template>
	<view>
		<view>
			<!-- 不带边框并矩形显示 -->
			<uni-grid :column="2" :showBorder="false" :square="false">
				<uni-grid-item>
					<view class="book-item" v-on:click="bookeClick">
						<image src="../../static/logo.png" style="width: 100%;height: 300rpx;"></image>
						<view class="book-title">
							文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
						</view>
					</view>
				</uni-grid-item>
				<uni-grid-item>
					<text class="text">文本</text>
				</uni-grid-item>
				<uni-grid-item>
					<text class="text">文本</text>
				</uni-grid-item>
			</uni-grid>
		</view>
	</view>
</template>

<script>
	import Bitem from '@/components/book/bitem.vue'
	export default {
		components: {
			Bitem
		},
		data() {
			return {
				bWidth: '200px',
				bHeight: '80px'

			}
		},
		onNavigationBarButtonTap(e) {
			var index = e.index;
			uni.showToast({
				title: '点击了按钮' + index
			})
		},
		methods: {
			bookeClick() {
				uni.navigateTo({
					url: '/pages/tabBar/book/see'
				});
			}
		}
	}
</script>

<style>
	.book-item {
		width: 80%;
		height: 360rpx;
		border: 1px solid red;
		margin: 0 auto;
		text-align: center;
	}

	.book-title {
		width: 100%;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
</style>
